<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../stylesheets/zworld-cityWalk.css">
    <script type="text/javascript" src="../javascripts/jquery-1.11.1.min.js"></script>

</head>
<body>
        <!--head-->
        <div class="cityWalk_header clearfix">
            <div class="cityWalk_header-serach">
                <div class="cityWalk-warp">

                <img src="../images/foot-logo.png" alt="" class="header-serach_logo">
                <input type="text"  placeholder="搜索国家、城市、产品" class="header-serach-input">
                <div class="header-serach-right">
                <a href="" class="header-serach-a1">我的订单</a>
                <a href="" class="header-serach-a2">我的收藏</a>
                </div>
                </div>
            </div>
                <ul class="header-warp-ul">
                    <li class="header-warp-li"><a href="">热门目的地</a> </li>
                    <li class="header-warp-li"><a href="/">首页</a> </li>
                    <li class="header-warp-li"><a href="">机酒自由行</a></li>
                    <li class="header-warp-li"><a href="">城市玩乐</a></li>
                    <li class="header-warp-li"><a href="">签证</a></li>
                    <li class="header-warp-li"><a href="">游轮</a></li>
                    <li class="header-warp-li"><a href="">海岛游</a></li>
                    <li class="header-warp-li"><a href="">租车</a></li>
                    <li class="header-warp-li"><a href="">限时特卖</a></li>
                    <li class="header-warp-li"><a href="">特色线路</a></li>
                    <li class="header-warp-li"><a href="">cityWalk</a></li>
                </ul>
        </div>
<!--背景图-->
                <div class="pic">
                    <div></div>
                    <img src="../images/banner1-black-img1.jpg" alt="">
                </div>
            <!---->
        <div class="cityNav">
            <div class="city-title">
                所在城市 <span>全部</span>
            </div>
            <ul class="nav-ul">
                <li class="nar-li"><a href=""上海></a></li>
                <li class="nar-li"><a href="">北京</a></li>
                <li class="nar-li"><a href="">京都</a></li>
                <li class="nar-li"><a href="">广州</a></li>
                <li class="nar-li"><a href="">东京</a></li>
                <li class="nar-li"><a href="">布拉格</a></li>
                <li class="nar-li"><a href="">巴塞罗那</a></li>
                <li class="nar-li"><a href="">纽约</a></li>
                <li class="nar-li"><a href="">巴黎</a></li>
                <li class="nar-li"><a href="">汉堡</a></li>
                <li class="nar-li"><a href="">马德里</a></li>
                <li class="nar-li"><a href="">米兰</a></li>
                <li class="nar-li"><a href="">佛罗伦萨</a></li>
                <li class="nar-li"><a href="">台北</a></li>
                <li class="nar-li"><a href="">香港</a></li>
                <li class="nar-li"><a href="">张家口</a></li>
                <li class="nar-li"><a href="">伦敦</a></li>
            </ul>
        </div>
<!--排序-->
        <div class="sortnav">
            <ul class="sortnav-ul">
                <li class="sortnav-li"><a href="">综合排序</a></li>
                <li class="sortnav-li"><a   class="sales">销量</a></li>
                <li class="sortnav-li">
                    <input type="checkbox">
                    <a href="">今日新品</a>
                </li>
            </ul>
        </div>
<!--排序列表-->
            <ul class="citylist-ul">
            </ul>
<!--公共页脚-->
        <div class="footDiv"></div>
</body>
<script type="text/javascript" src="../javascripts/cityWalk.js"></script>
</html>